<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org/extras/dialect"
      layout:decorate="layout/layout_info"
>
<head>
	<title>登录</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" href="../../static/asset/css/base.min.css" th:href="@{/asset/css/base.min.css}"/>
	<link rel="stylesheet" href="../../static/asset/css/common/front.css" th:href="@{/asset/css/common/front.css}"/>
	<style>
		.dataTables_wrapper .form-control {
			display: inline-block;
			width: auto;
		}
	</style>
</head>
<body>
<div layout:fragment="content" th:remove="tag">
	<div class="container">
		<div class="row no-gutters">
			<div class="col-md-12">
				<div class="card">
					<div class="card-header">
						我的应用
						<small>点击操作进行管理</small>


						<div class="pull-right">
							<a href="./user-client-apply.html" th:href="@{/client/apply}">申请接入</a>
						</div>
					</div>
					<div class="card-body p-0">
						<div class="pt-2">
							<table id="dataTable" class="table">
								<thead>
								<tr>
									<th scope="col">#</th>
									<th scope="col">应用名称</th>
									<th scope="col">APPID</th>
									<th scope="col">创建时间</th>
									<th scope="col">审核状态</th>
									<th scope="col"></th>
								</tr>
								</thead>
								<tbody th:remove="all-but-first">
								<tr th:each="i: ${#numbers.sequence(0, 9)}">
									<th scope="row" th:text="${i+1}">1</th>
									<td>酷狗</td>
									<td>e5125b0b492a81b192d0</td>
									<td>2017-09-10</td>
									<td>审核中</td>
									<td><a href="#" th:href="@{/client/id}">操作</a></td>
								</tr>
								<tr>
									<th scope="row">2</th>
									<td>5Sing</td>
									<td>e5125b0b492a81b192d0</td>
									<td>2017-09-10</td>
									<td>审核中</td>
									<td><a href="#">操作</a></td>
								</tr>
								<tr>
									<th scope="row">3</th>
									<td>QQ音乐</td>
									<td>e5125b0b492a81b192d0</td>
									<td>2017-09-10</td>
									<td>审核中</td>
									<td><a href="#">操作</a></td>
								</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<th:block layout:fragment="script">
	<script type="text/javascript" src="../../static/asset/js/app.js" th:src="@{/asset/js/app.js}"></script>
	<!--<script type="text/javascript" src="../../static/asset/js/datatables.min.js" th:src="@{/asset/js/datatables.min.js}"></script>-->
	<script>
        //		$(function () {
        //			var table = $('#dataTable').DataTable({
        //				pageLength: 5,
        //				lengthMenu: [5, 10, 25, 50],
        //				pagingType: 'full_numbers',
        //				dom: "<'d-flex justify-content-between'<B><f>><t><'d-flex justify-content-between'<li><p>>",
        ////				dom: "<'row'<'col-12'B>><'row'<'col-12'tr>><'row'<'col-12 col-md-5'li><'col-12 col-md-7'p>>",
        //				buttons: [
        //					{
        //						text: '创建',
        //						className: 'btn btn-primary',
        //						action: function (e, dt, node, config) {
        //							dt.ajax.reload();
        //						}
        //					}, {
        //						text: '刷新',
        //						className: 'btn btn-secondary',
        //						action: function (e, dt, node, config) {
        //							dt.ajax.reload();
        //						}
        //					}]
        //			});
        //		})
	</script>
</th:block>
</body>
</html>
